<!DOCTYPE html>
<!-- saved from url=(0038)http://78.83.223.209:8081/app_dev.php/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
        <title>Хидрографика</title>
        
                    <script src="./Хидрографика2_files/jquery-1.11.0.min.js"></script>
            <script src="./Хидрографика2_files/jquery-migrate.min.js"></script>
            <script type="text/javascript">
                $(document).ready(function() {
                    $(".content").hide();
                    $(".content").fadeIn();
                });
            </script>
                
                    <link rel="stylesheet" href="./Хидрографика2_files/reset.css" type="text/css" media="all">
            <link rel="stylesheet" href="./Хидрографика2_files/normalize.css" type="text/css" media="all">
            <link rel="stylesheet" href="./Хидрографика2_files/styles.css" type="text/css" media="all">
            <link href="./Хидрографика2_files/css" rel="stylesheet" type="text/css">
        <script>window["_GOOG_TRANS_EXT_VER"] = "1";</script></head>

<body>

	<header class="header">
		<nav>
			<ul class="menu">
				<li class="active">
					<a href="./Хидрографика2_files/Хидрографика2.htm">Хидрографика</a>
				</li>
				<li class="">
					<a href="http://78.83.223.209:8081/app_dev.php/error?key=%D0%BA%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D0%B8">Каталог</a>
				</li>
				<li class="">
					<a href="http://78.83.223.209:8081/app_dev.php/%D0%B3%D0%B0%D0%BB%D0%B5%D1%80%D0%B8%D1%8F">Галерия</a>
				</li>
				<li class="">
					<a href="http://78.83.223.209:8081/app_dev.php/%D0%BA%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D0%B8">Контакти</a>
				</li>
			</ul>
			<a href="https://www.facebook.com/FacebookDevelopers" target="_blank" class="fb_button"></a>
		</nav>
	</header>
                     
        <div class="content" style="display: block;">
                <script type="text/javascript" src="./Хидрографика2_files/jquery.carouFredSel-6.2.1-packed.js"></script>

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".slider .list").carouFredSel({
            auto: false,
            items: {
                visible: 1,
                start: 0
            },
            scroll: {
                items: 1,
                pauseOnHover: true
            },
            height: 360,
            prev: ".slider .prev",
            next: ".slider .next"
            //pagination: ".slider .pag"

        });
    });
</script>	

<div class="banner slider">
		<ul class="list">
            <li>
                <div class="left">
                    <img src="./Хидрографика2_files/img63_w600_h399_1.jpg" alt="">
                </div>

                <div class="right">
                    <h1>Богато разнообразие</h1>
                    <br>
                    <div class="slide_content">
                        Над 500 вида шарки за вашата любима вещ
                    </div>
                    <div class="slide1_imgs">
                        <img src="./Хидрографика2_files/img1.jpg" alt="">
                        <img src="./Хидрографика2_files/img2.jpg" alt="">
                        <img src="./Хидрографика2_files/img3.jpg" alt="">
                        <a href="catalog.html">Виж още</a>
                    </div>

                </div>
            </li>
            <li>
                <div class="left">
                    <img src="./Хидрографика2_files/img74_w600_h399_1.jpg" alt="">
                </div>

                <div class="right">
                    <h1>Богато разнообразие</h1>
                    <br>
                    <div class="slide_content">
                        Над вида шарки за вашата. Над вида шарки за вашата любима вещ любима вещ
                    </div>
                    <div class="slide1_imgs">
                        <a href="catalog.html">Виж още</a>
                    </div>

                </div>
            </li><li>
                <div class="left">
                    <img src="./Хидрографика2_files/img65_w600_h399_1.jpg" alt="">
                </div>

                <div class="right">
                    <h1>Lorem Ipsum</h1>
                    <br>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sit amet suscipit elit. Vivamus mi quam, congue gravida dui ac, ornare adipiscing ante. Aenean aliquam in augue at pharetra. Nullam nec lacus sem. Suspendisse dapibus justo vel turpis vulputate semper et vitae velit. Integer ac aliquet magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus eu hendrerit lacus, et placerat sem.
                </div>
            </li></ul>

    <div class="navi">
        <div class="prev" style="display: block;">
            <div class="arrow"></div>
        </div>
        <div class="next" style="display: block;">
            <div class="arrow"></div>
        </div>
        <div class="pag" style="display: block;"></div>
    </div>
</div>
    
    <section class="wrapper c_block">
        <div class="shadow" style="margin-top: -23px;"></div>
        <article class="color col2-3">
            <header>
                <h2>Какво е хидрография</h2>
            </header>
            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
        </article>

        <article class="grey col1-3 ml_20">
            <header>
                <h2>За контакти</h2>
            </header>
            <p>
                За допълнителна  информация или възникал въпрос не се колебейте да попитате на телефон +359 885101065.
            </p>
        </article>

        <div class="clear mb_20"></div>

        <article class="box color col1-3">
            <header>
                <h2>За контакти</h2>
            </header>
            <span class="pic1"></span>
            <p>
                За допълнителна  информация или възникал въпрос не се колебейте да попитате на телефон +359 885101065.
            </p>
        </article>
        <article class="box color col1-3 ml_20">
            <header>
                <h2>За контакти</h2>
            </header>
            <span class="pic2"></span>
            <p class="mt_10 mb_10">
                За допълнителна  информация или възникал въпрос не се колебейте да попитате на телефон +359 885101065.
            </p>
        </article>
        <article class="box color col1-3 ml_20">
            <header>
                <h2>За контакти</h2>
            </header>
            <span class="pic3"></span>
            <p>
                За допълнителна  информация или възникал въпрос не се колебейте да попитате на телефон +359 885101065.
            </p>
        </article>
        <div class="clear"></div>
        <p class="a_center mb_10 mt_10">
            За допълнителна  информация или възникал въпрос не се колебейте да попитате на телефон +359 885101065.
        </p>
        <div class="shadow" style="margin-bottom: -31px;"></div>
    </section>
        </div>

	<div class="clear mt_40"></div>
	<footer>
		<div class="footer_wrapper">

			<span class="web_design">
				<a href="">
					<p>Web Design</p>
					A-Dimitrov.com
				</a>
			</span>

			<a href="" class="color mt_20 ml_20 f_left">
				<span class="munista"></span>
				<span class="f_left ads_wi">
					<header>
						<h2>Мъниста</h2>
					</header>
					<p>Мъниста и сарашки изделия</p>
				</span>
			</a>

			<a href="" class="color mt_20 ml_20 f_left">
				<span class="munista"></span>
				<span class="f_left ads_wi">
					<header>
						<h2>Мъниста</h2>
					</header>
					<p>Мъниста и сарашки изделия</p>
				</span>
			</a>



		</div>
		<div class="footer_color"></div>

	</footer>

</body></html>